<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <title><%= title %></title>
    <meta http-equiv="x-ua-compatible" content="IE-edge, chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel='stylesheet' href='/stylesheets/fonts.css'/>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
</head>
<body>
<aside>
    <div class="menu">
        <ul>
            <% if(actived == 'boxshadow'){ %>
            <li class="actived"><a href="/boxshadow">天道酬勤</a></li>
            <% }else{ %>
            <li><a href="/boxshadow">天道酬勤</a></li>
            <% } %>
            <% if(actived == 'beforeafter'){ %>
            <li class="actived"><a href="/beforeafter">气泡标签</a></li>
            <% }else{ %>
            <li><a href="/beforeafter">气泡标签</a></li>
            <% } %>
            <% if(actived == 'transition'){ %>
            <li class="actived"><a href="/transition">反转方块</a></li>
            <% }else{ %>
            <li><a href="/transition">反转方块</a></li>
            <% } %>
            <% if(actived == 'spa'){ %>
            <li class="actived"><a href="/spa">单页应用</a></li>
            <% }else{ %>
            <li><a href="/spa">单页应用</a></li>
            <% } %>
            <% if(actived == 'poster'){ %>
            <li class="actived"><a href="/poster">电影海报</a></li>
            <% }else{ %>
            <li><a href="/poster">电影海报</a></li>
            <% } %>
            <% if(actived == 'gradienter'){ %>
            <li class="actived"><a href="/gradienter">背景渐变</a></li>
            <% }else{ %>
            <li><a href="/gradienter">背景渐变</a></li>
            <% } %>
            <% if(actived == 'magic'){ %>
            <li class="actived"><a href="/magic">魔幻动画</a></li>
            <% }else{ %>
            <li><a href="/magic">魔幻动画</a></li>
            <% } %>
            <% if(actived == 'over'){ %>
            <li class="actived"><a href="/over">修炼秘术</a></li>
            <% }else{ %>
            <li><a href="/over">修炼秘术</a></li>
            <% } %>

        </ul>
        <p><a href="/"><%= page %>/9</a></p>
    </div>
</aside>